<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
</head>

<body>

    <div id="div1">
        <p id="p1">段落一</p>
        <p id="p2">要被替换的元素节点</p>
        <p id="p3">要被移除的段落</p>
    </div>

    <script>
        var para = document.createElement("p");
        //创建一个元素P
        var node = document.createTextNode("要插入的段落");
        //创建一个文本节点
        para.appendChild(node);
        //将文本节点添加到元素P中


        var father = document.getElementById("div1");
        //查找父节点的id
        var child = document.getElementById("p1");
        //查找子节点的id
        father.insertBefore(para, child);
        //进行inserbefor()时需要将元素插入到父节点中的子节点

        father.removeChild(p3);
        //移除父节点下的子节点
    </script>

</body>

</html>